﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iGoal</title>
<!--script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script-->
<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="scripts/jquery.jeditable.js"></script>
<script type="text/javascript" src="scripts/DD_roundies_0.0.2a-min.js"></script> 
<link rel="stylesheet" type="text/css" href="script/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/tmpStyle.css" rel="stylesheet" type="text/css" />
<link href="styles/pigStyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

$(document).ready(function() {
DD_roundies.addRule('.bogoc', '5px', true);
});


$(document).ready(function() {
     $('.editable').editable('http://www.example.com/save.php', {
	 cssclass : '.edittext',
	 });
	 $('.editabletext').editable('http://www.example.com/save.php', {
	 cssclass : '.editabletext',
	 type : 'textarea',
	 })
 });
 
	</script>
</head>
<body>
<div id="all">
  <div id="header">
    <div class="top">
      <input type="text" class="input_search" />
      <input type="button" class="button_search" />
    </div>
    <div class="banner">
      <div id="logo"><img src="images/logo/logo.png" alt="igoal.vn" /></div>
      <div class="w1">
        <div></div>
      </div>
      <div id="slogan">chia sẻ mục tiêu của bạn</div>
    </div>
  </div>
  <div id="acc_contain"> <a class="avatar"><img src="images/avatar.png" alt="" /></a>
    <div class="infomation">
      <div class="title"><b style="float:left">“</b> <div class="editable edittext" style="display:inline">hôm nay buồn buồn sao ý mấy bạn ạ... </div><b>”</b></div>
      <div class="updatetime">Cập nhật cách đây 1 giờ 20 phút</div>
      <div class="icon"> <a class="smiles"></a>
        <div class="w2"></div>
        <a class="contact"></a>
        <div class="w2"></div>
        <a class="friend"></a>
        <div class="w2"></div>
        <a class="support"></a> </div>
    </div>
  </div>
  <div class="w3"></div>
  <style>
  	
  </style>
  <div id="infomation">
    <div id="left">
 		<div class="dashboardTab">
        	<ul>
            	<li>
                	<a href="#" title="Chia sẻ mục tiêu của bạn!" class="d2Goal selected">MỤC TIÊU</a>
                </li>
                <li>
                	<a href="#" title="Kết nối bạn bè!" class="d2Wall">TƯỜNG NHÀ</a>
                </li>
                <li>
                	<a href="#" title="Những bài viết hay!" class="d2News">CHIA SẺ</a>
                </li>
            </ul>
        </div>
        <div class="clearthis"></div>
        <div class="dashboardBlueBox">
        	<div class="dbTitle">
            	<b>MỤC TIÊU CỦA BẠN LÀ GÌ?</b><label>VUI LÒNG SỬ DỤNG TIẾNG VIỆT CÓ DẤU.</label>
            </div>
            <div class="dbAddGoal">
            	<span class="addGoalForm bgPos"><input type="text" maxlength="255" id="new_goal_value" rel="allow" autocomplete="off" class="ac_input"/></span>
                <a id="add_goal" title="Thêm mục tiêu vào danh sách." href="#"></a>
            </div>
            <p class="goalExample">Ví dụ: <a href="#">học guitar</a>, <a href="#">học giỏi tiếng anh</a>, <a href="#">du học</a>...</p>
        </div>
         <div class="contentHeader">
        	<span class="icon_1 iconYSD"></span><h1>NHỮNG MỤC TIÊU CÓ THỂ BẠN CẦN THỰC HIỆN:</h1>
         </div>   
        <div class="goalShouldDo">
            <ul class="listGoalShouldDo">
                <li>
                    <img alt="Công việc" title="Công việc" src="images/iconCat/iconCV.jpg">
                    <span class="goalnameShouldDo"><a class="randomtext0" href="/goal/view/55">Không online Facebook giờ làm việc</a></span>
                    <span class="numberShouldDo">11 NGƯỜI ĐANG THỰC HIỆN</span>
                    <a class="btnAddShouldDo" rel="55" id="do_goal_button0">THỰC HIỆN</a>
                </li>
            </ul>
      	</div>
        <div id="goal_info" style="margin-top:20px">
            <div class="goalProcessTab bgPos">
        		<a class="leftTab selected" href="#">MỤC TIÊU ĐANG THỰC HIỆN</a>
                <a class="rightTab" href="#">MỤC TIÊU ĐÃ HOÀN THÀNH</a>
            </div>
            <div id="doing">
                <div class="page">
                    <div class="goal_list">		  		
                        <div class="listnumber">1</div>                
                        <div class="listGoal">
                            <a href="/goal/view/147" rel="147" class="listname">mỗi ngày 1 ý tưởng điên rồ</a>
                            
                            <div class="dropicon">
                                <a class="dropIcon" href="#"></a>
                                
                                <div class="goalSettingPopup" style="display:none">
                                	<a class="closePopup bgPos"></a>
                                	<ul>
                                    	<li>&bull; <a href="#">Cập nhật mục tiêu</a></li>
                                        <li>&bull; <a href="#">Xóa mục tiêu</a></li>
                                        <li>&bull; <a href="#">Viết nhật ký thực hiện</a></li>
                                        <li>&bull; <a href="#">Bài viết liên quan</a></li>
                                    </ul>
                                </div>
                            </div>
                                <div class="clearthis"></div>						  			
                                <p>Bạn có <b>2</b> bài viết cho mục tiêu này</p>
                        </div>
                        <div class="sum"><b>3</b> người</div>
                        <div class="score1">
                            <div rel="147" class="scoredo">HOÀN THÀNH <b>2%</b></div>
                            <div rel="147" class="scorebar">
                              <div class="left"></div>
                              <div style="width: 3.66px;" class="center"></div>
                              <div class="right"></div>
                            </div>
                        </div>
                    </div>
                    <div class="w3"></div>
                    <div class="goal_list">		  		
                        <div class="listnumber">2</div>                
                        <div class="listGoal">
                            <a href="/goal/view/161" rel="161" class="listname">Dọn dẹp lại cuộc sống</a>
                            
                            <div class="dropicon">
                                 <a class="dropIcon" href="#"></a>
                                
                            </div>
                        </div>
                        <div class="sum"><b>4</b> người</div>
                        <div class="score1">
                            <div rel="161" class="scoredo">HOÀN THÀNH <b>0%</b></div>
                            <div rel="161" class="scorebar">
                            </div>
                        </div>
                    </div>
                <div class="w3"></div>
                </div>
                <div style="display: none; float: left; width: 100%; padding-top: 30px;" id="doing_paging_loader">
                    <center><img src="/images/loader.gif"></center>
                </div>  
                <div class="paging_buttons">
                    <a class="icon_1 down" rel="-1" name="20" id="prev_doing" href="#">
                        
                    </a>
                    <a class="icon_1 up" rel="1286812269000" id="next_doing" name="20" href="#">
                        
                    </a>
                </div> 
            </div>
                     
            <div style="display: none; float: left; width: 100%; padding-top: 30px;" id="loader">
                <center><img src="/images/loader.gif"></center>
            </div> 
	</div>
    <style>
	
	</style>
    <div class="entryContainer">
    	<div class="archtitle">Bài viết gần đây</div>
        
        <div class="entryPost">
        	<div class="entryPostTitle">
            	<span class="goalEntryName"><b>Mục tiêu:</b> <a href="#">học guitar</a></span>
                <label>Ngày tạo mục tiêu: <b>Ngày 20 tháng 10 năm 2010</b> </label>
            </div>
            <div class="entryContentEditor">
            	<h1><a href="/entry/view/87">Các cách ủng hộ đồng bào miền Trung nhanh chóng</a></h1>
            	<p rel="readmore" class="text">Khúc ruột miền Trung đang chịu những hậu quả tang thương do lũ lụt gây ra. Thật đau đớn khi đọc những bài viết mà báo chí đăng. Chúng ta đang ngồi đây sống 1 cuộc sống yên ả...còn ở nơi xa xôi kia, hàng ngàn người dân không có lấy miếng cơm để ăn, sinh mạng luôn trong tình trạng đe dọa. iGoal hy vọng</p>
                <p class="text readmore"><a href="#">[ĐỌC THÊM]</a></p>
                
            </div>
            <div class="entrySetting">
                <ul>
                    <li class="fl"><label>(5)</label></li>
                    <li class="fl sprLine"><a href="#" title="Viết ý kiến" class="entryComment"></a></li>
                    <li class="fl sprLine"><a href="#" title="Sửa bài viết" class="entryEdit"></a></li>
                    <li class="fl"><a href="#" title="Xóa bài viết" class="entryDelete"></a></li>
                    <li class="fr"><a href="#" title="Thích" class="entryLikeThis"></a></li>
                    <li class="fr listfriendLikeThis"><span><a href="#">Tên Đẹp</a> và <a href="#">2 người khác</a> thích điều này.</span></li>
                 </ul>   
             </div>
            <div class="commentbox">
              Nhét comment zô !
            </div>    
        </div>
        
        
        <div class="entryPost">
        	<div class="entryPostTitle">
            	<span class="goalEntryName"><b>Mục tiêu:</b> <a href="#">học guitar</a></span>
                <label>Ngày tạo mục tiêu: <b>Ngày 20 tháng 10 năm 2010</b> </label>
            </div>
            <div class="entryContentEditor">
            	<p class="quoteEntry"><b>&ldquo;</b>Khúc ruột miền Trung đang chịu những hậu quả tang thương do lũ lụt gây ra.<b>&rdquo;</b></p>
                <p class="timeDoIt">
                    <span class="icon"></span>
                    <span>Mất <b> 1 tuần </b> để thực hiện mục tiêu này</span> 
        		</p>
                <p class="howDidIt">
                    <span class="icon"></span>
                    <span>Thành viên <a> sangphan </a> đã thực hiện nó như thế nào</span> 
                </p>
            	<h1><a href="/entry/view/87">Các cách ủng hộ đồng bào miền Trung nhanh chóng</a></h1>
            	<p rel="readmore" class="text">Khúc ruột miềnTrung đang chịu những hậu quả tang thương do lũ lụt gây ra. Thật đau đớn khi đọc những bài viết mà báo chí đăng. Chúng ta đang ngồi đây sống 1 cuộc sống yên ả...còn ở nơi xa xôi kia, hàng ngàn người dân không có lấy miếng cơm để ăn, sinh mạng luôn trong tình trạng đe dọa. iGoal hy vọng</p>
                <p class="text readmore"><a href="#">[ĐỌC THÊM]</a></p>
                
            </div>
            <div class="entrySetting">
                <ul>
                    <li class="fl"><label>(5)</label></li>
                    <li class="fl sprLine"><a href="#" title="Viết ý kiến" class="entryComment"></a></li>
                    <li class="fl sprLine"><a href="#" title="Sửa bài viết" class="entryEdit"></a></li>
                    <li class="fl"><a href="#" title="Xóa bài viết" class="entryDelete"></a></li>
                    <li class="fr"><a href="#" title="Thích" class="entryLikeThis"></a></li>
                    <li class="fr listfriendLikeThis"><span><a href="#">Tên Đẹp</a> và <a href="#">2 người khác</a> thích điều này.</span></li>
                 </ul>   
             </div>
            <div class="commentbox">
              Nhét comment zô !
            </div>    
        </div>
        
    </div>
    </div> <!--end Left-->
    <div id="right">
    	<div class="w6"></div>
    	<div id="goalrank">
        	<div class="title">Thông tin về mục tiêu này</div>
            <div class="rank">Tổng số người thực hiện: <b>1400</b> người<br />
            Tổng số người hoàn thành: <b>375</b> người<br />
            Thời gian trung bình hoàn thành: <b>32</b> ngày<br />
            Tổng số giải pháp đưa ra: <b>500</b> người<br />
            </div>
        </div>
      <div class="question">
        <h1>Cập nhật thông tin cá nhân</h1>
      </div>
      <div id="updateuser" class="bogoc">
        <div class="score2">
        	<div class="scorebar">
            	<div class="left"></div>
                <div class="center" style="width:70px">25% |</div>
                <div class="right"></div>
            </div>
        </div>
        <div class="w6"></div>
        <div class="sharingtip">
          <div class="icontip"></div>
          <div class="tip"><a>Cập nhật các thông tin cơ bản +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm hình đại diện +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm thông tin về sở thích +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Chia sẻ mục tiêu của bạn +<b>15</b>%</a></div></div>
        <div class="w6"></div>
        <div id="hot"> <b>Tại sao bạn phải cập nhật thông tin cá nhân ?</b><br />
          <br />
          iGoal sẽ dựa trên thông tin cơ bản của bạn để gợi ý danh sách những bạn bè của bạn hiện đang hoạt động trên iGoal </div>
      </div>
      <div class="question">
        <h1>Giới thiệu bản thân</h1>
      </div>
      <div id="aboutme">
        <div class="top"></div>
        <div class="middle">
        <div class="icon"></div>
        <div class="editabletext">Tôi 20 tuổi, nhiều hoài bão, ước mơ! Tôi luôn đặt mục tiêu cho bản thân mình để hướng đến và hoàn thiện mình hơn...</div>
        </div>
        <div class="buttom"> </div>
        <div class="question">
          <h1>Danh sách bạn bè <b style="color:#CA4A0C">(18)</b></h1>
          <div class="dem1"><a class="viewall"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r1_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Phan Sang</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r3_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Thanh Liem</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r5_c1.png"></div>
          <div class="infofriend"> <div class="friendname"><a>liembusinessman</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Obama</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r9_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Osama Binladen</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="question">
          <h1>Có thể bạn biết</h1>
          <div class="dem2"><a class="nextframe"></a><a class="prevframe"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Putil olami</a></div>
            <div class="text">Có chung 5 bạn bè</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
